body {
  background-color: white;
  color: black;
  font-family: Arial, sans-serif;
}

h1, h2, h3, h4 {
  margin-top: 0px;
}

a {
  color: darkblue;
}

a:visited {
  color: darkblue;
}

code {
  background: #EEEEEE;
}

.gwt-TabPanel {
}

.gwt-TabPanelBottom {
  border: 1px solid #87B3FF;
  border-top: none;
  padding: 4px;
}

.gwt-TabBar {
 font-size: smaller; 
 background-color: #C3D9FF;
}

.gwt-TabBarFirst {
  border-bottom: 1px solid #87B3FF;
  padding-left: 3px;
  -moz-box-sizing: border-box;
}

.gwt-TabBarRest {
  border-bottom: 1px solid #87B3FF;
  padding-right: 3px;
  -moz-box-sizing: border-box;
}

.gwt-TabBarItem {
/*  background-color: #E8EEF7;
  border: 1px solid #87B3FF;*/
  border-bottom: 1px solid #87B3FF;
  cursor: pointer;
  padding: 4px 8px;
}

.gwt-TabBarItem:hover {
  background: #E8EEF7;
}

.gwt-TabBarItem-selected {
  font-weight: bold;
  background-color: #E8EEF7;
  border: 1px solid #87B3FF;
  border-bottom: 1px solid #E8EEF7;
  cursor: default;
}

.gwt-TreeItem {
  cursor: default;
}

.gwt-TreeItem-selected {
  background-color: #C3D9FF;
}

/* -------------------------------------------------------------------------- */

.tk-DropDownPanel {
  
}

.tk-DropDownPanelHeader {
  padding: 8px;
  text-align: center;
  font-size: smaller;
  font-weight: bold;
  background-color: rgb(195, 217, 255);
  cursor: pointer;
}

.tk-DropDownPanelContent {
  padding: 8px;
  background: white;
  background-color: white;
}

.tk-SimpleHyperLink {
  text-decoration: underline;
  cursor: pointer;
}

.tk-GlassPanel {
  background: black;
  opacity: 0.2;
  filter: alpha(opacity=20);
  cursor: not-allowed;
}

.tk-ModalDialog {
  border: 1px solid black;
  background-color: white;
  padding: 0px;
}

.tk-ModalDialog .Caption {
  text-align: center;
  font-family: sans-serif;
  font-size: 90%;
  font-weight: bold;
  background-color: rgb(195, 217, 255);
  padding: 3px;
  margin: 1px;
  cursor: default;
}

.tk-ModalDialog-content {
  vertical-align: middle;
  text-align: center;
  padding: 8px;
}

.tk-ModalDialog-content .gwt-Button {
  margin-top: 8px;
}

.tk-AlertDialog-captionIcon {
  vertical-align: middle;
}

.tk-AlertDialog-captionLeft, .tk-AlertDialog-captionRight {
  width: 16px;
}

.tk-AlertDialog-captionCenter {
  font-size: 90%;
  font-weight: bold;
  padding: 0 8px;
  text-align: center;
}

.tk-AlertDialog-buttons {
  margin: 0 auto;
}

.tk-AlertDialog-hotkey {
  text-decoration: underline;
}

/* -------------------------------------------------------------------------- */

#main {
  border: 8px solid #C3D9FF;
  border-bottom: 0;
  background-color: #E8EEF7;
}

.compatMode {
  font-style: italic;
  font-size: smaller;
  color: white;
  background: #C3D9FF;
  padding: 2px;
}

.description {
  background-color: white;
  padding: 8px;
}

.division {
  margin: 4px;
}

.example {
  border: solid 1px #87B3FF;
  padding: 8px;
  margin-bottom: 8px;
}

#dropDown-left .tk-DropDownPanel {
  border: solid 4px  rgb(195, 217, 255);
}

#dropDown-left .tk-DropDownPanelHeader {
  text-align: left;
  background-image: url(triangle.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding: 0px;
  padding-left: 16px;
  padding-right: 8px;
  white-space: nowrap;
}

#dropDown-left .tk-DropDownPanel-open .tk-DropDownPanelHeader {
  background-image: url(opentriangle.gif);
  border-bottom: solid 4px  rgb(195, 217, 255);
}

#dropDown-1 {
  margin-bottom: 8px;
}

#dropDown-3 {
  text-align: center;
}

#dropDown-3 .tk-DropDownPanelHeader  {
  float: left;
}

#dropDown-4.tk-DropDownPanel-closed {
  display: none;
}

#dialog-styled.tk-ModalDialog {
  border: 1px solid black;
  border-top: none;
  background-color: rgb(230,230,236);
  padding: 0px;
}

#dialog-styled.tk-ModalDialog .Caption {
  font-family: Trebuchet MS, sans-serif;
  font-size: 90%;
  background-image: url("chrome.gif");
  background-repeat: repeat-x;
  background-color: rgb(230,230,236);
  padding: 0px 1px 0px 3px;
  padding-left: 5px;
  margin: 0px;
  cursor: default;
  height: 26px;
}

#dialog-styled.tk-ModalDialog .Caption * {
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
}

#dialog-styled.tk-ModalDialog .Caption .gwt-Label {
  margin-top: 2px;
}

#dialog-styled .tk-ModalDialog-content
{
  width: 16em;
}

#alert-styled {
  border: 2px groove blue;
}

#alert-styled.tk-ModalDialog .Caption {
  color: black;
  background: #FFEA80;
}

#alert-styled .tk-AlertDialog-captionCenter {
  text-align: right;
}

#alert-styled .tk-AlertDialog-captionRight {
  width: 0;
}

#alert-styled .tk-ModalDialog-content {
  color: white;
  background: url("bg-vortex.jpg");
}

#alert-styled-glassPanel {
  background: yellow url("stripes.gif");
}

#debug-controls P {
  margin-bottom: 0.5em;
  margin-top: 0px;
}

#miscPanel .description {
  margin-bottom: 8px;
}

.focus-container {
  border: 1px dashed gray;
  margin: 4px;
  padding: 4px;
}

#rowPanelPanel .description {
  margin-bottom: 8px;
}

#rowPanelPanel #ex1 {
  background: white;
  background: #E8EEF7;
  width: 250px;
  border: solid black 1px;
}

#rowPanelPanel .ex1-caption {
  padding: 4px;
  background: #C3D9FF;
  color: white;
  font-weight: bold;
  text-align: center;
}

#rowPanelPanel .ex1-content {
  text-align: center;
  padding: 4px 4px 0px 4px;
  height: 100px;
  background: white;
}

#rowPanelPanel .ex1-content * {
  margin-bottom: 4px;
}

#glasspanel-ex-dark {
  cursor: pointer;
  background: black;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

#glasspanel-ex-gray {
  cursor: pointer;
  background: gray;
  filter: alpha(opacity=40);
  opacity: 0.4;
}

#glasspanel-ex-light {
  cursor: pointer;
  background: white;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#glasspanel-ex-opaque {
  cursor: pointer;
  background: white;
  filter: ;
  opacity: 1.0;
}

#glasspanel-ex-tiledBG {
  cursor: pointer;
  background: url('bg-vortex.jpg');
  filter: alpha(opacity=20);
  opacity: 0.2;
}

#glasspanel-ex-centeredBG {
  cursor: pointer;
  background: url('SeattleDusk.jpg') no-repeat center;
  filter: ;
  opacity: 1.0;
}

#glasspanel-ex-text {
  cursor: pointer;
  color: white;
  background: #87B3FF;
  filter: alpha(opacity=40);
  opacity: .4;
}

#glasspanel-ex-text h1 {
  font-size: 6em;
}

#glasspanel-ex-text * {
  margin: 0;
}

#glasspanel-ex-ieBodyBlur {
  cursor: pointer;
  background: white;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.glasspanel-ex-ieBodyBlur-BODY {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
}
